require('./PageTest.styl');
const {NavBar}=SaltUI;
const reactMixin = require('react-mixin');
const Actions = require('./actions');
const Store = require('./store');
const  Pagehead = require('../../components/pagehead');

class Test extends React.Component {

    constructor(props) {
        super(props);
        let tabContentlist =["本月积分xx分","本月积分xx名","本月积分绩效xxxx元","年度累计积分xxx分"];
        this.state = {
            title: '工作成果',
            isShow: false,
            tabContentlist:tabContentlist,
            subContent:{}
        };
    }
     handleOnLeftClick(){
        self.location.hash='home';
    }
   
    render() {
       const tabTitle = ["月度积分绩效明细","月度积分绩效排行","累计积分绩效排行"];
       const tabitemTitle = [["年月","排名","积分类型","具体内容","分值","绩效"],["年月","姓名","分值","排名","次数","排名","绩效"],["年月","姓名","分值","排名","积分绩效"]];
       let t = this;       
        return (
            <div className="test">
                <NavBar title={this.state.title} isShow={this.state.isShow} onLeftClick={this.handleOnLeftClick.bind(this)} />
                <Pagehead tabTitle={tabTitle} tabContent={this.state.tabContentlist} tabitemTitle={tabitemTitle} subContent={this.state.subContent}/>
                              
            </div>
        );
    }

    componentWillMount() {
    }

    componentDidMount() {
    }

    componentWillReceiveProps(nextProps) {
    }

    shouldComponentUpdate(nextProps, nextState) {
        return true;
    }

    componentWillUpdate(nextProps, nextState) {
    }

    componentDidUpdate(prevProps, prevState) {
    }

    componentWillUnmount() {
    }
}

reactMixin.onClass(Test, Reflux.connect(Store, 'Test'));

module.exports = Test;
